<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>互联网金融贷款平台</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link th:href="@{/asserts/css/common.css}" rel="stylesheet" />
<link th:href="@{/asserts/css/register.css}" rel="stylesheet" type="text/css">
<script type="text/javascript" th:src="@{/asserts/script/jquery.min.js}"></script>
<script type="text/javascript" th:src="@{/asserts/script/common.js}"></script>
<script th:src="@{/asserts/script/login.js}" type="text/javascript"></script>
  <link rel="stylesheet" th:href="@{/asserts/css/bootstrap/css/bootstrap.css}">
  <script th:src="@{/asserts/css/bootstrap/js/bootstrap.js}"></script>

  <script th:src="@{/asserts/script/register.js}"></script>
  <style>
    .myButton {
      box-shadow:inset 0px -3px 7px 0px #29bbff;
      background:linear-gradient(to bottom, #2dabf9 5%, #0688fa 100%);
      background-color:#2dabf9;
      border-radius:3px;
      border:1px solid #0b0e07;
      display:inline-block;
      cursor:pointer;
      color:#ffffff;
      font-family:Arial;
      font-size:19px;
      padding:12px 23px;
      text-decoration:none;
      text-shadow:0px 1px 0px #263666;
    }
    .myButton:hover {
      background:linear-gradient(to bottom, #0688fa 5%, #2dabf9 100%);
      background-color:#0688fa;
    }
    .myButton:active {
      position:relative;
      top:1px;
    }
  </style>



</head>
<body>
<!--头部-->
<header th:replace="~{header::header}"></header>

<!--注册-->
<div class="wrap">
  <div class="tdbModule register">
    <div class="registerTitle">注册账户</div>
    <div class="registerLc1">
      <p class="p1">填写账户信息</p>
      <p class="p2">验证手机信息</p>
      <p class="p3">注册成功</p>
    </div>
    <div class="registerCont">
      <form th:action="@{/user/register}" method="post" onsubmit="return check()">
        <ul>
        <li><span class="dis">账户:</span>
          <input type="text" name="uAccount" id="userAccount" class="input _userName" maxlength="24" tabindex="1">
          <span id="userAccountAlt" data-info="6-10个字母组成">6-10个字母组成</span></li>

        <li><span class="dis">密码:</span>
          <input type="password" name="uPassword" id="password" class="input _password" maxlength="24" tabindex="1">
          <span id="passwordAlt" data-info="6-16位字母数字组成">6-16位字母数字组成</span></li>

        <li><span class="dis">确认密码:</span>
          <input type="password" name="repeatPassword" id="repeatPassword" class="input _repeatPassword" maxlength="24" tabindex="1">
          <span id="repeatPasswordAlt" data-info="请再次输入密码">请再次输入密码</span></li>

        <li> <span class="dis">验证码:</span>
          <input type="text" id="jpgVerify" class="input input1 _yanzhengma" name="yzm" maxlength="4" tabindex="1">
          <img th:src="@{/defaultKaptcha}" onclick="changeyzm()"  alt="验证码" style="cursor:pointer;" id="yzm" class="valign">
          <a class="look blue _changeCapcherButton" id="look" onclick="changeyzm()" href="javascript:void(0);">看不清？换一张</a>
          <span class="info" id="jpgVerifys" data-info="请输入验证码"></span> </li>

        <li class="telNumber"> <span class="dis">手机号码:</span>
          <input type="text" class="input _phoneNum" id="phone" name="uMobile" tabindex="1" maxlength="11">
          <input type="button" class="btn btn-info" id="codeBtn" value="获得验证码"   onclick="settime1(this);"/>
          <span id="phoneJy" data-info="请输入您的常用电话">请输入您的常用电话</span></li>

        <li class="telNumber"><span class="dis">短信验证码:</span>
          <input id="phonVerify" type="text" class="input input1  _phonVerify" data-_id="phonVerify" tabindex="1">
          <span class="info" id="phonVerifys" data-info="请输入手机验证码">请输入手机验证码</span></li>

        <li><span class="dis">邮箱号码:</span>
            <input type="text" name="uEmail" id="uEmail" class="input _repeatPassword" maxlength="24" tabindex="1">
            <span id="es" data-info="请再次输入密码">请输入邮箱号码</span></li>

        <li> <span class="dis">姓名:</span>
          <input type="text" class="input input1 _invist" name="uName" id="uName">
          <span class="_invist_msg" id="unamespan">请输入您的真实姓名</span></li>
        <li class="agree">
          <input name="protocol" id="remember" type="checkbox" value="" checked="checked">
          我同意《<a href="#" target="_black">戴趣花注册协议</a>》 <span id="protocolAlt" data-info="请查看协议">请查看协议</span></li>
        <li class="btn"><button type="submit" class="myButton">确认注册</button></li>
        </ul>
      </form>
    </div>
  </div>
</div>

<!--网站底部-->
<div th:replace="~{footer::footer}"></div>
</body>
</html>
